草庐IT

Android gridlayout 溢出屏幕

全部标签

javascript - 在移动网站上获取屏幕分辨率

我正在设计一个移动网站,其中包含一个用于下载壁纸的部分。为了适应很多用户,我希望可以根据屏幕分辨率下载壁纸。我想从JavaScript检测分辨率并显示适当的壁纸。这是我在网上找到并尝试过但失败的xD:width=window.innerWidth||document.body.clientWidthheight=window.innerHeight||document.body.clientHeight;对于分辨率为720x1280的SGS3,我得到了360x567。我应该如何通过JavaScript发现手机的分辨率? 最佳答案 你

javascript - 最新检测小屏幕的方法

在等待响应式设计找到进入旧网站的方式时,如果屏幕小于480像素,我想将浏览器重定向到移动版本四处寻找我想出了varisSmall=window.matchMedia?window.matchMedia("screenand(max-width:480px)"):screen.width问题这在2014年是否可以接受,或者是否有更好/更安全/更新的方法来做我想做的而不使用用户代理嗅探?引用资料MDNWindow.matchMediaJavaScriptKitCSSmediaquerymatchinginJavaScriptusingwindow.matchMedia()QuirksMod

javascript - 在屏幕阅读器上工作的空闲超时警告模式

我需要有关用户空闲时触发的模式的帮助。在我在运行NVDA的Firefox上测试之前,它工作得很好。使用箭头键和在手机上滑动时出现焦点问题。当模式出现并且用户使用箭头或滑动时,如果我等待单击它,焦点将在几秒钟后从是按钮反弹到标题。我已将工作示例加载到:https://jsfiddle.net/ncanqaam/我将空闲时间段更改为一分钟,并删除了调用服务器以延长用户session的部分。varstate="L";vartimeoutPeriod=540000;varoneMinute=60000;varsevenMinutes=60000;varlastActivity=newDate(

javascript - SVG 标记在不同屏幕上呈现不同

更新:我解决了屏幕问题。设备像素比是罪魁祸首。在具有较低window.devicePixelRatio的设备上,图标显示得较小,一个解决方案是使图标的大小以window.devicePixelRatio为条件,即:scaledSize:highDevicePixelRatio?newgoogle.maps.Size(40,60):newgoogle.maps.Size(60,90)分辨率也可能起到一定作用,但我目前无法测试。不过,InternetExplorer11的问题仍然存在。**结束更新**所以这真的很荒谬,我还是有些莫名其妙。我注意到我的自定义标记的这种极其不一致的行为。把我逼

javascript - 在整个屏幕上获取触摸事件

我有一个正在消失的标题,我想在屏幕上的任意位置单击一下即可将其带回View中。但是如果我包装整个在里面组件PanResponder停止工作。这有黑客吗? 最佳答案 您不需要使用Touchable组件来扭曲它。将下一个Prop添加到根View。onResponderGrant-制作ViewhandletouchonStartShouldSetResponder-使View句柄开始 关于javascript-在整个屏幕上获取触摸事件,我们在StackOverflow上找到一个类似的问题:

javascript - 加载后淡入背景图像(无 jquery),同时仍使用媒体查询替换不同屏幕尺寸的图像

我整晚都在看书,似乎无法就最好的方法是什么给出任何具体的答案。我知道起作用的两件事是:加载图片时淡入淡出:使用图像包装器和像这样的标签:CSS看起来像.imageWrapper{opacity:0}.loaded{opacity:1}然后在你的js文件中有类似的东西varimageLoaded=(img)=>{varimgWrapper=img.parentNode;imgWrapper.className+='loaded';}用于根据屏幕尺寸加载不同的图像@mediascreenonlyand(min-device-width:0)and(max-device-width:450p

javascript - 如何检测手机浏览器的屏幕尺寸?

我正在开发一个需要在桌面和移动设备上运行的网站。现在我有一个主要内容div,它设置为屏幕宽度的70%。但是,我觉得这对于移动设备(比如手机,而不是平板电脑)来说太小了,我想把它提高到90或95%我怎么能做到这一点(比如屏幕尺寸小于5英寸)而不使用非常不可靠的浏览器嗅探?我一遍又一遍地听到“特征检测featuredetectionfeaturedetection”这句口头禅,我明白为什么这是一件好事......但我不知道这个问题要检测什么“特征”......谢谢。 最佳答案 您可以使用CSS:@mediascreenand(max-w

javascript - 屏幕阅读器和 Javascript

我正在创建awebsiteforareadingservicefortheblindandvisuallyimpaired我正在使用JavaScript(带有jQ​​uery)在页面加载后将一些内容打印到某些页面。屏幕阅读器是否会在页面加载后读取使用jquery打印到页面上的内容?来自thispage-“一般来说,[屏幕阅读器]访问DOM(文档对象模型),并且他们使用浏览器API(应用程序编程接口(interface))来获取他们需要的信息。”而且我们知道jQuery是一个DOM操作库。所以问题就变成了..屏幕阅读器会获取整个DOM的副本然后解析并阅读它吗?还是他们读取DOM,即jQu

javascript - 检测 CSS 文本溢出 : ellipsis in Firefox

我正在尝试(通过javascript)检测文本溢出何时生效。经过大量研究,我有一个可行的解决方案,但在任何版本的Firefox中除外:http://jsfiddle.net/tonydew/mjnvk/如果您调整浏览器以便应用省略号,Chrome、Safari、甚至IE8+都会提醒省略号处于事件状态。在Firefox中(我尝试过的每个版本,包括17和18)就没有那么多了。Firefox会始终告诉您省略号未激活。console.log()输出显示原因:Firefox(OSX):116/115-false347/346-falseChrome(OSX):116/115-false347/8

javascript - 根据屏幕分辨率 AngularJS 更改指令的 templateUrl

我需要根据屏幕分辨率更改templateURL,例如如果我的屏幕宽度小于768px,它必须加载“templates/browse-content-mobile.html”如果它大于768px,它必须加载“templates/browse-content.html”。当前使用的代码。app.directive('browseContent',function(){return{restrict:'E',templateUrl:template_url+'/templates/browse-content.html'}});我在这里尝试使用这段代码app.directive('browse